@extends('layout')
@section('content')
<script type="text/javascript">
  $(document).ready(function() {
    $('#login-fb').click(function() {
      window.open ($(this).attr('data-href'), "popup", "width=600, height=400");
    });
  });
</script>

<div class="account-wrapper">

  <div class="account-logo">
    <img src="{{ URL::to('assets/img/logo-login.png') }}" alt="Target Admin">
  </div>

    <div class="account-body">

      <h3>Welcome back to Target Admin.</h3>

      <h5>Please sign in to get access.</h5>

      <br>

      <div class="row">   

        <div class="col-sm-6">
          <a href="javascript:;" class="btn btn-gplus btn-block">
          <i class="fa fa-google-plus"></i>
          &nbsp;&nbsp;Login with Google+
          </a>
        </div> <!-- /.col -->

        <div class="col-sm-6">
          <a href="javascript:;" data-href="{{ URL::to('login/fb') }}" id="login-fb" class="btn btn-facebook btn-block">
          <i class="fa fa-facebook"></i>
          {{ @trans('app.loginwithfb') }}
          </a>
        </div> <!-- /.col -->

      </div> <!-- /.row -->

      <span class="account-or-social text-muted">OR, SIGN IN BELOW</span>

      <form class="form account-form" method="POST" action="{{ URL::to('login') }}">
        @if( Session::has('message'))
        <div class="alert alert-danger">
          <a class="close" data-dismiss="alert" href="#" aria-hidden="true">×</a>
          {{ Session::get('message') }}
        </div>
        @endif
        <div class="form-group">
          <label for="login-username" class="placeholder-hidden">{{ @trans('app.username') }}</label>
          <input name="username" type="text" class="form-control" id="login-username" placeholder="{{ @trans('app.username') }}" tabindex="1">
        </div> <!-- /.form-group -->

        <div class="form-group">
          <label for="login-password" class="placeholder-hidden">{{ @trans('app.password') }}</label>
          <input name="password" type="password" class="form-control" id="login-password" placeholder="{{ @trans('app.password') }}" tabindex="2">
        </div> <!-- /.form-group -->

        <div class="form-group clearfix">
          <div class="pull-left">         
            <label class="checkbox-inline">
            <input type="checkbox" name="rememberme" class="" value="1" tabindex="3">{{ @trans('app.rememberme') }}
            </label>
          </div>

          <div class="pull-right">
            <a href="account-forgot.html">{{ @trans('app.forgotpwd') }}</a>
          </div>
        </div> <!-- /.form-group -->

        <div class="form-group">
          <button type="submit" class="btn btn-primary btn-block btn-lg" tabindex="4">{{ @trans('app.signin') }}<i class="fa fa-chevron-circle-right"></i></button>
        </div> <!-- /.form-group -->

      </form>

    </div> <!-- /.account-body -->

    <div class="account-footer">
      <p>
      {{ @trans('app.donthaveacc') }}
      <a href="account-signup.html" class="">{{ @trans('app.createanacc') }}</a>
      </p>
    </div> <!-- /.account-footer -->

  </div> <!-- /.account-wrapper -->

  <script src="{{ URL::to('assets/js/libs/jquery-1.10.1.min.js') }}"></script>
  <script src="{{ URL::to('assets/js/libs/jquery-ui-1.9.2.custom.min.js') }}"></script>
  <script src="{{ URL::to('assets/js/libs/bootstrap.min.js') }}"></script>

  <!--[if lt IE 9]>
  <script src="./{{ URL::to('assets/js/libs/excanvas.compiled.js') }}"></script>
  <![endif]-->
  <!-- App JS -->
  <script src="{{ URL::to('assets/js/target-admin.js') }}"></script>
  
  <!-- Plugin JS -->
  <script src="{{ URL::to('assets/js/target-account.js') }}"></script>
@stop